/*------------全局样式-----------*/
 html,
 body,
 ul,
 li,
 span,
 p,
 div,
 a,
 form,
 input,
 button,
 img,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 td,
 th,
 dd,
 dl,
 tr,
 table,
 footer,
 main,
 aside,
 article,
 section,
 select,
 option {
 	padding: 0;
 	margin: 0;
 	box-sizing: border-box;
 }

 html {
 	font-size: 100px;
 	height: 100%;
 	background-color: #ffffff;
 }

 body {
 	font-size: 16px;
 	height: 100%;
 	background-color: #ffffff;
 }

 ul,
 li {
 	list-style: none;
 }

 a {
 	text-decoration: none;
 }

 /*----app-----*/
 #app {}

 /* 顶部 */
 #app .header {
 	height: .9rem;
 	background-color: red;
 	position: relative;
 }

 #app .header .arrows {
 	width: .7rem;
 	height: .7rem;
 	position: absolute;
 	top: 50%;
 	left: .1rem;
 	transform: translateY(-50%);
 }

 #app .header .arrows img {
 	width: 100%;
 	height: 100%;
 }

 #app .header .title {
 	font-size: .36rem;
 	color: #ffffff;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 }

 #app .header .home {
 	width: .5rem;
 	height: .5rem;
 	position: absolute;
 	top: 50%;
 	right: .2rem;
 	transform: translateY(-50%);
 }

 #app .header .home img {
 	width: 100%;
 	height: 100%;
 }

 /* 交易成功 */
 .trading {}

 .trading .transaction {
 	background: url(../img/supchenge.png) no-repeat;
 	height: 1rem;
 	background-size: 100% 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .trading .transaction img {
 	width: .6rem;
 	height: .6rem;
 	margin-top: .1rem;
 }

 .trading .transaction p {
 	color: #ffffff;
 	font-size: .32rem;
 }

 /* 信息 */
 .recipients {
 	display: flex;
 }

 .recipients .location {
 	flex: 1;
 	position: relative;
 }

 .recipients .location img {
 	width: .5rem;
 	height: .5rem;
 	position: absolute;
 	top: 40%;
 	right: .2rem;
 	transform: translateY(-50%);
 }

 .recipients .message {
 	padding: .25rem 0;
 	flex: 6;
 	color: #7B7B7B;
 	font-size: .28rem;
 	display: flex;
 	flex-direction: column;
 }

 .message span {
 	line-height: .45rem;
 }

 /* 分割线 */
 .line {
 	width: 100%;
 	height: .25rem;
 	background-color: #EFEFEF;
 }

 /* 水果超市 */
 .supermarket-box {
 	height: .9rem;
 }

 .supermarket {
 	padding-left: .3rem;
 	height: 100%;
 	display: flex;
 	align-items: center;
 }

 .supermarket img {
 	width: .6rem;
 	height: .6rem;

 }

 .supermarket p {
 	font-size: .32rem;
 }

 /* 商品 */
 .commodity {}

 .commodity-item {
 	border-top: 1px solid #DEDEDE;
 	position: relative;
 	height: 2rem;
 	background-color: #EFEFEF;
 	display: flex;
 }

 .item-img {
 	flex: 2;
 }

 .item-img a {
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .item-img a img {
 	width: 1.6rem;
 	height: 1.6rem;
 }

 .item-text {
 	flex: 5;
 	font-size: .28rem;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .item-text .item-title {
 	color: #5F5F5F;
 	line-height: .45rem;
 }

 .item-text .genre {
 	color: #C3C3C3;
 }

.item-text span{
	color: #5F5F5F;
}
 .commodity .pirce {
 	position: absolute;
 	top: 10%;
 	right: 3%;
 	color: red;
 }

 .commodity-pice {
 	height: 1.2rem;
 	color: #969696;
 	font-size: .28rem;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	padding: 0 .25rem;
 }

 .commodity-pice .discounts {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: .05rem;
 }

 .commodity-pice .total {
 	display: flex;
 	justify-content: space-between;
 }

 .commodity-pice .total p:nth-of-type(2) {
 	color: red;
 	font-size: .4rem;
 }

 /* 联系卖家 */
 .relation {
 	height: .8rem;
 	display: flex;
 	padding: 0 .25rem;
 	margin-bottom: .3rem;
 }

 .relation a {
 	color: #BDBDBD;
 	display: flex;
 	font-size: .32rem;
 	justify-content: center;
 	align-items: center;
 }

 .relation img {
 	width: .7rem;
 	height: .7rem;
 }

 .relation .relation-left {
 	flex: 1;
 	border: 1px solid #BDBDBD;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-radius: .12rem;
 	margin-right: .1rem;
 }

 .relation .relation-right {
 	flex: 1;
 	border: 1px solid #BDBDBD;
 	border-radius: .12rem;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 /* 订单 */
 .order {
 	height: 2rem;
 	display: flex;
 	flex-direction: column;
 	font-size: .26rem;
 	color: #ADADAD;
 	padding: 0 .25rem;
 	justify-content: center;
 	line-height: .4rem;
 	position: relative;
 }

 .order .management {
 	margin-bottom: .1rem;
 }

 .box {
 	width: 1rem;
 	position: absolute;
 	right: 8%;
 	border: 1px solid #DEDEDE;
 	text-align: center;
 	font-size: .2rem;
 	border-radius: .1rem;
 	top: 13%;
 }

 /* 想要 */
 .shui {
 	margin-top: .3rem;
 	padding: 0 .25rem;
 	display: flex;
 	flex-direction: column;
 	font-size: .32rem;
 }

 .shui-di {
 	display: flex;
 	margin-top: .1rem;
 }

 .shui-di .one {
 	flex: 1;
 }

 .shui-di img {
 	width: 100%;
 	height: 100%;
 }
